<%--
  Created by IntelliJ IDEA.
  User: 23827
  Date: 2019/9/25
  Time: 21:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>发布的服务订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入H+框架的样式文件 -->
    <link href="../plugins/Hplus-v.4.1.0/css/style.css?v=4.1.0" rel="stylesheet">

    <link rel="stylesheet" href="../css/order/releaseServiceOrder.css" type="text/css">

</head>


<body>
<%@ include file="../common/nav.jsp"%>

<ul class="layui-nav" lay-filter="">

    <li class="layui-nav-item first-nav"><a href="releaseServiceOrder.jsp">发布的服务订单</a></li>
    <li class="layui-nav-item "><a href="enrolmentDemandOrder.jsp">报名的需求订单</a></li>

</ul>


<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this" id="all">全部</li>
        <li>待确认</li>
        <li>待付款</li>
        <li>待评价</li>
        <li>已完成</li>
    </ul>

    <p class="p1">发布的服务订单</p>
    <div class="input-group">
        <input type="text" placeholder="输入名称或者订单编号" class="input form-control" id="forthtext">
        <span class="input-group-btn">
                <button type="button" class="btn btn btn-primary" id="forthbutton"> <i
                        class="fa fa-search"></i>搜索</button>
            </span>
    </div>


    <div class="layui-tab-content" style="margin-top: -15px">
        <div class="layui-tab-item layui-show">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪小孩子打篮球</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-file-text"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪小孩子打篮球</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-coffee"></i>
                                                </div>
                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪小孩子打篮球</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>按时接送小孩上下学</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-file-text"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>按时接送小孩上下学</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-coffee"></i>
                                                </div>
                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>按时接送小孩上下学</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>帮忙遛狗</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-file-text"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>帮忙遛狗</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-coffee"></i>
                                                </div>
                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>帮忙遛狗</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪老人下棋</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-file-text"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪老人下棋</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-coffee"></i>
                                                </div>
                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>陪老人下棋</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>急送文件</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-file-text"></i>
                                                </div>

                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>急送文件</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>

                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-coffee"></i>
                                                </div>
                                                <div class="vertical-timeline-content" id="timeline">
                                                    <p>编号:201909172118
                                                    </p>
                                                    <h2>急送文件</h2>

                                                    <p>江苏省苏州市工业园区星湖街328号A区-1楼
                                                    </p>
                                                    <a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>2019.09.17</small>
                                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div>
    <ul class="pagination" style="margin-left:600px">
        <li><a href="#">&laquo;</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>
<%@ include file="../common/footer.jsp"%>


<script src="../plugins/layui/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>

<script>
    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

    });
</script>

</body>

</html>
